<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>
		
<!-- v-if 指令
在元素 和 template 中使用 v-if 指令-->
			 
		<div id="app">
		    <p v-if="seen">现在你看到我了</p>
		    <template v-if="ok">
		      <h1>我的学习资料</h1>
		      <p>学的不仅是技术，更是梦想！</p>
		      <p>哈哈哈，打字辛苦啊！！！</p>
		    </template>
		</div>
		    
		<script>
		new Vue({
		  el: '#app',
		  data: {
		    seen: true,
		    ok: true
		  }
		})
		</script>

	</body>
</html>


